<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>html5新增表单控件</title>
</head>
<body>
	<form action="">
		<label>网址:</label><input type="url" name="" required><br><br> 
		<label>邮箱:</label><input type="email" name="" required><br><br> 
		<label>日期:</label><input type="date" name=""><br><br> 
		<label>时间:</label><input type="time" name=""><br><br> 
		<label>星期:</label><input type="week" name=""><br><br> 
		<label>数量:</label><input type="number" name=""> <br><br>
		<label>范围:</label><input type="range" name=""><br><br> 
		<label>电话:</label><input type="tel" name=""><br><br> 
		<label>颜色:</label><input type="color" name=""><br><br> 
		<label>搜索:</label><input type="search" name=""><br><br>

		<input type="submit" name="" value="提交">
	</form>

	<input type="text" name="" placeholder="请输入用户名" autofocus autocomplete="off">
</body>
</html>